*{
    font-family: "Microsoft YaHei UI";
}
html,body{
    margin:0;
    padding:0;
}
ul,li{
    margin:0;
    padding:0;
    list-style: none;
}
.tool-bar{
    height:50px;
    border-width:0 0 1px 0;
    border-color:#CCCCCC;
    border-style: solid;
    padding:10px;
    box-sizing: border-box;
}
.tool-bar>button,
.tool-bar>input{
    float:right;
    height:25px;
}
.tool-bar>input[type=text]{
    border:1px solid #5f9fff;
    box-sizing: border-box;
}
.tool-bar>input[type=text]:focus{
    outline: none;
    box-shadow: 0 0 5px #5f9fff;
}
.content{
    padding:5px;
}
.content>div{
    display: inline-block;
    width:140px;
    height:230px;
    border:1px solid #EEEEEE;
    margin:5px;
    word-break: break-all;
    overflow: hidden;
}
.content>div .img{
    margin:0 5px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color:#000020;
    width:calc(100%-10px);
    height:160px;
}
li{

}